<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./style.css">
</head>
<body>
  <div class="home">
    <div class="head y-center">
      <div class="nav y-center">
        <div class="logo y-center">
          <img src="./屏幕截图 2024-11-19 095423.png" alt="">
        </div>
        <div class="nav-list">
          <ul>
            <li>首页</li>
            <li>商品分类</li>
            <li>订单中心</li>
            <li>购物车</li>
            <li>个人中心</li>
          </ul>
        </div>
      </div>
      <div class="login-register">
        <button>登录</button>
        <button>注册</button>
      </div>
    </div>
    <div class="search">
      <div class="search-content">
        <div class="search-box y-center">
          <div class="search-icon"></div>
          <input type="text" placeholder="搜索商品"></input>
          <button class="search-btn">搜索</button>
        </div>
        <div class="hot-search">
          热门搜索：
          <span>智能手机</span>
          <span>笔记本电脑</span>
        </div>
      </div>
    </div>
    <div class="content"></div>
    <div class="footer"></div>
  </div>
</body>
</html>